<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="/public/images/favicon.ico" type="image/x-icon">
    <title>产品与方案</title>
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <script type="text/javascript" src="/public/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="/public/js/bootstrap.js"></script>
</head>
<body data-theme-url="" data-device="desktop"
      class="home page-template page-template-page-templates page-template-page-home page-template-page-templatespage-home-php page page-id-5 language-en">
<div class="loadingBg">
    <div class="loadinglg">
        <div class="ldlogo"></div>
        <div class="ldbg"></div>
    </div>
</div>
<div class="scroller-wrapper" scrollbar>
    <div class="component-transition-line">
        <div class="transition-line__wrapper">
            <div class="transition-line__line">
                <svg class="transition-line__svg" x="0px" y="0px" viewBox="0 0 1920 3105">
                    <path fill="none" stroke-width="4"
                          d="M861.1,1200c120.8-257.7,320.9-290.4,379.8-527.1c30-120.7-0.7-237.2-5.8-255.8 c-35.3-128.4-114.8-193.9-158-232C1036.8,149.8,960.6,82.7,881.7-4.5"/>
                    <path fill="none" stroke-width="4"
                          d="M695,3102c5.5-82.9,49.5-158,86.1-221.6c90.3-157,135.5-235.5,148-265.1c18.3-43.5,91.8-217.8,72-422.5 c-7.1-72.8-39.4-160.8-104-336.9c-70.6-192.2-84.4-195.4-100-265.1c-33.6-149.6-3.1-247.7,64-390.8"/>
                </svg>
            </div>
        </div>
    </div>
    <!--#include file="/views/component/header.html"-->
    <div th:replace="header :: header"></div>
    <main id="barba-wrapper">
        <section class="barba-container" data-namespace="home">
            <link rel="stylesheet" href="/public/css/bootstrap.css" type="text/css" media="all"/>
            <link rel="stylesheet" href="/public/css/min.css">
            <link rel="stylesheet" href="/public/css/style.css" type="text/css" media="all"/>
            <link rel="stylesheet" href="/public/css/pagenavi-css.css" type="text/css" media="all"/>
            <div class="misc-sticky || js-scroll js-printed-checker">
                <div class="misc-sticky__wrapper wrapper--left">
                    <div class="component-nav-vertical">
                        <div class="nav-vertical__list"></div>
                        <div class="nav-vertical__arrow">
                            <button class="arrow-line arrow--bottom"><span></span> <span></span></button>
                            <button class="arrow-line arrow--top"><span></span> <span></span></button>
                        </div>
                    </div>
                </div>
                <div class="component-tabs cp">
                    <div class="tabs__wrapper">
                        <div class="nav1" th:each="s, status: ${series}">
                            <div class="btn btn--primary btn--large btn--light-2" data-toggle="collapse" th:data-target="'#pro' + ${status.index + 1}">
                                <div>
                                    <div class="btn__text" th:data-text="${session.lang == 'en' ? s.titleEn : s.title}">
                                        <span th:text="${session.lang == 'en' ? s.titleEn : s.title}">光学元件零组件</span>
                                    </div>
                                </div>
                            </div>
                            <div class="nav2 collapse" th:id="'pro' + ${status.index + 1}" th:if="${s.children != null && !s.children.isEmpty()}">
                                <div class="item1" th:each="ss: ${s.children}"><a th:href="${ss.href}" th:text="${session.lang == 'en' ? ss.titleEn : ss.title}">镜头</a></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="product">
                <div class="container">
                    <div class="tit">
                        <h1>产品与方案</h1>
                        <h2>Products and solutions</h2>
                    </div>
                    <div class="jiesao">
                        <p></p>
                    </div>
                    <div class="type">
                        <a th:each="s: ${series}" class="item" th:href="'/product_list_' + ${s.id}">
                            <div class="img">
                                <img th:src="${s.imageUrl}" alt="">
                                <div class="proname">
                                    <div class="cn" th:text="${s.title}">光学仪器</div>
                                    <div class="en" th:text="${s.titleEn}">Optical Instruments</div>
                                </div>
                            </div>
                            <div class="txt">
                                <p th:text="${session.lang == 'en' ? s.descEn : s.desc}">光学显微镜下可以看到微小生物和构成生物的基本单元，能够使我们对生物体的生命活动规律有了更进一步的认识。光学显微镜是科学应用领域和日常研究工作中必不可少的专用工具。</p>
                                <div class="more"><span style="color: #fa9f46">加载更多</span></div>
                            </div>
                        </a>

                    </div>
                </div>
            </div>
            <!--#include file="/views/component/footer.html"-->
            <div th:replace="footer :: footer"></div>
            <style>
                #cnzz_stat_icon_1280183050 {
                    margin-left: 20px;
                }
            </style>
        </section>
    </main>
</div>
</body>
</html>